$(function () {
    $.ajax({
        url: bignew.category_list,
        dataType: 'json',
        success: function (res) {
            if (res.code == 200) {
                let html = template('cateListTemp', res)
                $('.category').html(html)
            }
        }
    })
    // 实现图片的预览
    $('#inputCover').on('change', function () {
        // files:是一个原生的属性，只能通过dom元素方式来调用
        let myurl = URL.createObjectURL(this.files[0])
        $('.article_cover').attr('src', myurl)
    })
    // 1.初始化日期插件
    jeDate("#indate", {
        trigger: "click",
        format: "YYYY-MM-DD",
        isTime: false,
        minDate: "2014-09-19",
        theme: { bgcolor: "#D91600", pnColor: "#FF6653" }
    })

    // 2.初始化富文本框插件
    tinymce.init({
        selector: '#mytextarea',
        language: 'zh_CN',
        plugins: [
            "advlist autolink lists link image charmap print preview anchor",
            "searchreplace visualblocks code fullscreen",
            "insertdatetime media table contextmenu paste imagetools wordcount",
            "code"
        ],
        toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | code"
    });

    // 3.获取参数id
    // console.log(location.search.split('=')[1])
    let id = location.search.split('=')[1]

    // 4.根据id获取文章详情数据
    // 12、根据id获取文章信息
    // 请求地址：/admin/article/search
    // 请求方式：get
    setTimeout(function () {
        $.ajax({
            url: bignew.article_search,
            data: { id },
            dataType: 'json',
            success: function (res) {
                console.log(res)
                if (res.code == 200) {
                    $('#inputTitle').val(res.data.title)
                    // 封面
                    $('.article_cover').attr('src', res.data.cover)
                    // 下拉列表的赋值
                    // 1.可以赋值文本内容
                    // 2.也可以为下拉列表赋值value,那么它会找到与value值对应的选项来显示
                    $('.category').val(res.data.categoryId)
                    $('#indate').val(res.data.date)
                    $('#mytextarea').val(res.data.content)
                }
            }
        })
    }, 0)

    // 5.实现文章的编辑
    function opt(state) {
        let formdata = new FormData($('#form')[0])
        formdata.append('id', id)
        formdata.append('content', tinymce.activeEditor.getContent())
        formdata.append('state', state)
        console.log(...formdata)
        $.ajax({
            type: 'post',
            url: bignew.article_edit,
            data: formdata,
            processData: false,
            contentType: false,
            dataType: 'json',
            success: function (res) {
                console.log(res)
                if (res.code == 200) {
                    alert(res.msg)
                    location.href = './article_list.html'
                }
            }
        })
    }
    // 13、文章编辑
    // 请求地址：/admin/article/edit
    // 请求方式：post
    $('.btn-edit').on('click', function (e) {
        e.preventDefault()
        opt('已发布')
    })
    $('.btn-draft').on('click', function (e) {
        e.preventDefault()
        opt('草稿')
    })
})